.main .page1,.main .page2,.main .page3,.main .page4,.main .page5{transform:translate(0, 100px);opacity:0;-webkit-transition:all .6s ease;transition:all .6s ease}.main .lwdh{-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px);opacity:1}.main .center{width:1212px;margin:0 auto}.main .page1{width:100%;height:115px}.main .page1 .btnGroup{width:600px;height:100%}.main .page1 .btnGroup li{float:left;background:url(../../images/v4/index/top_btn.png) no-repeat}.main .page1 .btnGroup li.download{width:299px;height:112px;margin-right:10px}.main .page1 .btnGroup li.reg{width:140px;height:50px;margin-right:10px;margin-bottom:12px;background-position-x:-338px}.main .page1 .btnGroup li.payment{width:140px;height:50px;margin-bottom:12px;background-position-x:-505px}.main .page1 .btnGroup li.newPlayer{width:140px;height:50px;margin-right:10px;background-position-x:-666px}.main .page1 .btnGroup li.gameData{width:140px;height:50px;background-position-x:-835px}.main .page1 .btnGroup li:hover{background-position-y:-178px}.main .page1 .btnGroup li a{display:block;width:100%;height:100%}.main .page2{width:100%;height:350px;margin:12px 0 25px}.main .page2 .banner{position:relative;width:593px;height:350px;overflow:hidden}.main .page2 .banner li img{width:100%;height:100%}.main .page2 .banner .mid-slide{width:620px;height:275px;position:relative;overflow:hidden}.main .page2 .banner .slider ul,.main .page2 .banner .slider1 ul{width:500%;position:absolute}.main .page2 .banner .slider ul li,.main .page2 .banner .slider1 ul li{float:left;width:593px;height:350px}.main .page2 .banner .slide-btn,.main .page2 .banner .slide-btn1{height:35px;line-height:35px;text-align:center;width:593px;position:absolute;bottom:0;left:0}.main .page2 .banner .slide-btn ul,.main .page2 .banner .slide-btn1 ul{width:620px;height:35px;position:absolute;bottom:0;left:0}.main .page2 .banner .slide-btn ul li,.main .page2 .banner .slide-btn1 ul li{float:left;width:124px;height:35px}.main .page2 .banner .slide-btn ul li a,.main .page2 .banner .slide-btn1 ul li a{display:block;color:#cccccc;font-size:12px}.main .page2 .banner .slide-btn ul li:hover a,.main .page2 .banner .slide-btn ul li.hover a,.main .page2 .banner .slide-btn1 ul li:hover a,.main .page2 .banner .slide-btn1 ul li.hover a{color:#fff;background:#c7a25b;width:100%;height:100%;text-decoration:none}.main .page2 .banner .bg-ccc{background:#65221d;opacity:.8;filter:Alpha(opacity=50);width:100%;height:35px;bottom:0;left:0}.main .page2 .banner .mid-slide_btn_top{position:absolute;z-index:10;right:5px;top:0}.main .page2 .banner .mid-slide_btn_top div{float:left;width:52px;height:30px;text-align:center;line-height:30px;cursor:pointer;background:url(../../images/v4/index/bannerTag.png) no-repeat;background-position-x:-81px;color:#978052;margin:0 -5px}.main .page2 .banner .mid-slide_btn_top div:hover,.main .page2 .banner .mid-slide_btn_top div.hover{background-position-x:0;color:#fff}.main .page2 .newsMain{width:595px;height:100%}.main .page2 .newsMain .news-btn ul{width:500%;position:absolute}.main .page2 .newsMain .news-slide h3{width:100%;background:url(../../images/v4/index/tj-tag.png) no-repeat center left}.main .page2 .newsMain .news-slide h3 a{font-size:15px;color:#bc0303;text-indent:75px;display:block;margin:15px 0 14px 0;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}.main .page2 .newsMain .news{width:545px;height:250px;background:#fff;padding:0 25px}.main .page2 .newsMain .news-btn{width:545px;height:35px;line-height:35px;border-bottom:1px solid #cccccc;padding-top:10px;position:relative}.main .page2 .newsMain .news-btn li{float:left}.main .page2 .newsMain .news-btn li a{font-size:16px;color:#333333;display:block;width:73px;height:34px;text-align:center}.main .page2 .newsMain .news-btn li:hover a,.main .page2 .newsMain .news-btn li.hover a{color:#bc0303;font-weight:bold;border-bottom:2px solid #bc0303;text-decoration:none}.main .page2 .newsMain .news-btn ul{float:left}.main .page2 .newsMain .more span{display:block;position:absolute;background:url(../../images/v4/index/icon2-img.png) no-repeat;width:17px;height:17px;background-position:0 -98px;top:19px;right:8px;cursor:pointer}.main .page2 .newsMain .jctj .more span{top:14px}.main .page2 .newsMain .news-slide ul li{color:#666;height:30px;line-height:30px}.main .page2 .newsMain .news-slide ul li a{font-size:14px;color:#666;display:block;float:left;width:425px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.main .page2 .newsMain .news-slide ul li em a{width:60px;font-size:14px}.main .page2 .newsMain .news-slide ul li:hover a{text-decoration:none;color:#bc0303}.main .page2 .newsMain .news-slide ul li em:hover a{color:red}.main .page2 .newsMain .news-slide ul li span{display:block;float:right;font-size:14px}.main .page2 .newsMain .topInfo li{float:left;width:191px;height:90px;margin-top:10px;margin-left:5px;overflow:hidden}.main .page2 .newsMain .topInfo li:first-child{background-position-x:0;margin-left:0}.main .page2 .newsMain .topInfo li:hover{background-position-y:-176px}.main .page2 .newsMain .topInfo li a{display:block;width:100%;height:100%}.main .page2 .newsMain .topInfo li img{width:100%;height:auto}.main .page3{width:100%;margin:25px 0}.main .page3 .title{width:753px;height:36px;margin:28px auto 20px;background:url(../../images/v4/index/section2-title.png) no-repeat}.main .page3 .section3Banner{position:relative;width:1200px;height:360px;margin:0 auto;overflow:hidden}.main .page3 .section3Banner .bannerUl{position:absolute;width:999999px;height:100%}.main .page3 .section3Banner li{float:left;width:1200px;height:100%}.main .page3 .section3Banner .bannerTip{position:absolute;bottom:20px;left:0;right:0;text-align:center}.main .page3 .section3Banner .bannerTip li{display:inline-block;float:none;width:10px;height:10px;margin:0 3px;border-radius:50%;background:#6c1d17}.main .page3 .section3Banner .bannerTip li.on,.main .page3 .section3Banner .bannerTip li:hover{background:#c7a25b}.main .page3 .section3Banner .bannerBtn{display:none}.main .page3 .section3Banner .bannerBtn>div{width:50px;height:100px;background:url(../../images/v4/index/section3-btn.png) no-repeat;background-position-y:30px;position:absolute;top:50%;margin-top:-50px;cursor:pointer}.main .page3 .section3Banner .bannerBtn>div.prev{left:0;background-position-x:15px}.main .page3 .section3Banner .bannerBtn>div.next{right:0;background-position-x:-1135px}.main .page3 .section3Banner:hover .bannerBtn{display:block}.main .page4{width:100%;height:690px}.main .page4 .versionPic{width:595px;height:100%}.main .page4 .versionPic .titleNav{width:595px;height:36px;line-height:36px;margin:0 auto 20px}.main .page4 .versionPic .titleNav .titleSpan{font-weight:bold;color:#6c1d17;font-size:24px;text-indent:13px;display:inline-block;border-left:4px solid #bfa778}.main .page4 .versionPic .titleNav .more{float:right;width:93px;height:26px;background:url(../../images/v4/index/more.png) no-repeat;margin-top:7px;display:none}.main .page4 .versionPic .titleNav .more a{display:block;width:100%;height:100%}.main .page4 .versionPic .version{width:100%;height:333px}.main .page4 .versionPic .version .version-pic{width:595px;margin:0 auto}.main .page4 .versionPic .version .version-pic .pica{float:left;width:183px;height:232px;margin-left:20px}.main .page4 .versionPic .version .version-pic .pica:first-child{margin-left:0}.main .page4 .versionPic .version .version-pic .pica p{width:100%;line-height:30px;background:url(../../images/v4/index/pic-txt.png) no-repeat;text-align:center;font-size:14px;color:#696969;margin-top:5px}.main .page4 .versionPic .beatifulPic{width:100%;height:335px;margin-top:30px}.main .page4 .versionPic .beatifulPic .picNav{margin-bottom:23px}.main .page4 .versionPic .beatifulPic .picNav li{float:left;width:198px;height:36px;line-height:36px;text-align:center;background:url(../../images/v4/index/pic-nav.png) no-repeat;background-position-x:-199px;color:#666666;font-size:16px;cursor:pointer}.main .page4 .versionPic .beatifulPic .picNav li.on,.main .page4 .versionPic .beatifulPic .picNav li:hover{background-position-x:0;color:#fff}.main .page4 .versionPic .beatifulPic .picContent .picShow{width:595px;margin:0 auto;display:none}.main .page4 .versionPic .beatifulPic .picContent .picShow.yxbz{display:block}.main .page4 .versionPic .beatifulPic .picContent .picShow .pica{float:left;width:184px;height:232px;margin-left:21px}.main .page4 .versionPic .beatifulPic .picContent .picShow .pica:first-child{margin-left:0}.main .page4 .chacterBanner{position:relative;width:594px;height:100%;background:url(../../images/v4/index/chacterBanner.png) no-repeat}.main .page4 .chacterBanner .chacterPic{position:relative;width:100%;height:100%}.main .page4 .chacterBanner .chacterPic li{position:absolute;top:0;left:0;width:594px;height:678px;display:none}.main .page4 .chacterBanner .chacterPic li.fir{background:url(../../images/v4/index/wz.png) no-repeat;display:block}.main .page4 .chacterBanner .chacterPic li.sec{background:url(../../images/v4/index/tj.png) no-repeat}.main .page4 .chacterBanner .chacterPic li.thr.male{background:url(../../images/v4/index/xq-m.png) no-repeat}.main .page4 .chacterBanner .chacterPic li.thr.female{background:url(../../images/v4/index/xq-f.png) no-repeat}.main .page4 .chacterBanner .chacterPic li.for{background:url(../../images/v4/index/qc.png) no-repeat}.main .page4 .chacterBanner .chacterPic li.fif.male{background:url(../../images/v4/index/em-m.png) no-repeat}.main .page4 .chacterBanner .chacterPic li.fif.female{background:url(../../images/v4/index/em-f.png) no-repeat}.main .page4 .chacterBanner .chacterPic li.six{background:url(../../images/v4/index/bh.png) no-repeat}.main .page4 .chacterBanner .chacterPic li.sev{background:url(../../images/v4/index/lh.png) no-repeat}.main .page4 .chacterBanner .chacterPic li .sexBtn{position:absolute;top:80px;left:270px}.main .page4 .chacterBanner .chacterPic li .sexBtn>div{width:29px;height:29px;background:url(../../images/v4/index/sex-btn.png) no-repeat;cursor:pointer}.main .page4 .chacterBanner .chacterPic li .sexBtn>div.male{background-position-x:-29px}.main .page4 .chacterBanner .chacterPic li .sexBtn>div.male.on,.main .page4 .chacterBanner .chacterPic li .sexBtn>div.male:hover{background-position-x:0px}.main .page4 .chacterBanner .chacterPic li .sexBtn>div.female{background-position-y:-32px;background-position-x:0}.main .page4 .chacterBanner .chacterPic li .sexBtn>div.female.on,.main .page4 .chacterBanner .chacterPic li .sexBtn>div.female:hover{background-position-x:-29px}.main .page4 .chacterBanner .checterBtn{position:absolute;bottom:20px;left:0;right:0;margin:0 auto;width:550px}.main .page4 .chacterBanner .checterBtn li{float:left;width:70px;height:70px;background:url(../../images/v4/index/chacterBtn.png) no-repeat;margin-left:10px;cursor:pointer}.main .page4 .chacterBanner .checterBtn li.fir{background-position-x:-230px;margin-left:0}.main .page4 .chacterBanner .checterBtn li.sec{background-position-x:-390px}.main .page4 .chacterBanner .checterBtn li.thr{background-position-x:-469px}.main .page4 .chacterBanner .checterBtn li.for{background-position-x:-76px}.main .page4 .chacterBanner .checterBtn li.fif{background-position-x:-153px}.main .page4 .chacterBanner .checterBtn li.six{background-position-x:-311px}.main .page4 .chacterBanner .checterBtn li.sev{background-position-x:0}.main .page4 .chacterBanner .checterBtn li.on,.main .page4 .chacterBanner .checterBtn li:hover{background-position-y:-116px}.main .page4 .chacterBanner .jobInfo{position:absolute;bottom:120px;left:30px;text-align:center;font-size:16px;width:152px;height:32px;line-height:32px;border-top:1px solid #a6a094;border-bottom:1px solid #a6a094;display:none}.main .page4 .chacterBanner .jobInfo a{color:#474747;display:block;width:100%;height:100%}.main .page4 .chacterBanner .jobInfo a:hover{text-decoration:none}.main .page5{width:100%;margin:46px 0}.main .page5 .titleNav{width:606px;height:23px;margin:25px auto;background:url(../../images/v4/index/bottom-title.png) no-repeat}.main .page5 .kfCenter{width:482px;height:243px;border:1px solid #c3a976}.main .page5 .kfCenter .titleNav{width:100%;background-position-x:center}.main .page5 .kfCenter .kfOnlineSafe{width:260px;border-right:1px solid #ccc}.main .page5 .kfCenter .kfOnlineSafe .kfservice{float:left;width:67px;height:85px;margin-left:35px;background:url(../../images/v4/index/safeKf.png) no-repeat}.main .page5 .kfCenter .kfOnlineSafe .safeLink{float:left;width:67px;height:85px;margin-left:49px;background:url(../../images/v4/index/safeKf.png) no-repeat -116px 0}.main .page5 .kfCenter .kfOnlineSafe p{float:left;font-size:14px;color:#6c1d17;padding-left:40px;margin-top:10px;margin-bottom:10px}.main .page5 .kfCenter .kfList{width:210px}.main .page5 .kfCenter .kfList li{float:left;width:95px;line-height:38px;margin-right:10px;font-size:14px;color:#696969;text-align:center}.main .page5 .kfCenter .kfList li a{color:#696969}.main .page5 .kfCenter .kfList li a span{vertical-align:middle}.main .page5 .kfCenter .kfList li a i{background:url(../../images/v4/index/icon2-img.png) no-repeat;width:18px;height:18px;display:none;vertical-align:middle}.main .page5 .kfCenter .kfList li a:hover{text-decoration:none}.main .page5 .kfCenter .kfList li a:hover span{color:#f60}.main .page5 .kfCenter .kfList li.help i{background-position:-17px -59px}.main .page5 .kfCenter .kfList li.pass i{background-position:-19px 0}.main .page5 .kfCenter .kfList li.parent i{background-position:0 -18px}.main .page5 .kfCenter .kfList li.hf i{background-position:0 -39px}.main .page5 .kfCenter .kfList li.submit i{background-position:0 -59px}.main .page5 .kfCenter .kfList li.wg i{background-position:0 -77px}.main .page5 .wxTb{width:682px;height:243px;border:1px solid #c3a976}.main .page5 .wxTb .titleNav{background-position-y:-62px}.main .page5 .wxTb .wxQr{float:left;width:180px;height:149px;background:url(../../images/v4/index/weTbQrBg.png) no-repeat;margin-left:30px}.main .page5 .wxTb .wxQr img{display:block;margin:13px 0 0 39px}.main .page5 .wxTb .wbQr{float:left;width:180px;height:149px;background:url(../../images/v4/index/weTbQrBg.png) no-repeat -222px 0;margin-left:42px}.main .page5 .wxTb .wbQr img{display:block;margin:13px 0 0 39px}.main .page5 .wxTb .wbQr p{text-align:center;margin-top:8px;color:#535353;margin-left:30px}.main .page5 .wxTb .tbQr{float:left;width:180px;height:149px;background:url(../../images/v4/index/weTbQrBg.png) no-repeat -440px 0;margin-left:42px}.main .page5 .wxTb .tbQr a{display:block;width:145px;height:42px;margin:20px auto;background:url(../../images/v4/index/tbWbBtn.png) no-repeat}.main .page5 .wxTb .tbQr a.wb{position:relative;background-position-y:-62px}.main .page5 .wxTb .tbQr a.wb img{position:absolute;top:43px;left:50%;margin-left:-66px;display:none}.main .page5 .wxTb .tbQr a.wb:hover img{display:block}.main .page5 .wxTb .tbQr a:hover{background-position-x:-182px}.index_tc{width:700px;height:550px;background:#000;position:relative}.pop_close{width:60px;height:60px;background:url(../../images/v4/index/tc_popup_close.png) no-repeat;position:absolute;top:0px;right:-60px}